<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>FAQ</title>
    <!--google fonts-->
    <link href="https://fonts.googleapis.com/css?family=PT+Serif|Open+Sans" rel="stylesheet">

    <!--font-awesome CDN-->
    <!--<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">-->
    <!--font-awesome-->
    <link href="styles/css/font-awesome.min.css" rel="stylesheet">

    <link rel="stylesheet" href="scss/utils/Main.css">
    <link rel="stylesheet" href="scss/utils/Index.css">

</head>
<body class="has-main-nav has-admin-aside has-admin-footer">

<main role="main">

    <section class="section-breadcrumb-lg text-center">
        <div class="section-breadcrumb-bg hidden-xs" style="background-image: url(./images/section-bg.png) ; "></div>
        <div class="container">
            <h2>FAQs</h2>
            <ol class="breadcrumb">
                <li><a href="#">Home</a></li>
                <li class="active">FAQs</li>
            </ol>
        </div>
    </section>

    <section class="section-panel margin-footer">
        <div class="container">
            <div class="panel-group" id="accordion"  role="tablist" aria-multiselectable="true">
                <div class="panel">
                    <div class="panel-heading" role="tab" id="heading-1">
                        <div class="panel-title clearfix">
                            <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse-1" aria-expanded="true" aria-controls="collapse-1">
                                What are the estimated delivery times on my orders?
                            </a>
                            <a role="button" class="fr" data-toggle="collapse" data-parent="#accordion" href="#collapse-1" aria-expanded="true" aria-controls="collapse-1" aria-hidden="true">
                                <i class="fa fa-chevron-down"></i>
                            </a>
                        </div>
                    </div>
                    <div id="collapse-1" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="heading-1">
                        <div class="panel-body">
                            <article>
                                <p>
                                    However, by setting up an account with us, it will allow you to order without having to enter your details every time you shop with us. You can sign up right now, or you can first start shopping and create your account before you check out at the shopping cart page.
                                </p>
                            </article>
                        </div>
                    </div>
                </div>
                <div class="panel">
                    <div class="panel-heading" role="tab" id="heading-2">
                        <div class="panel-title clearfix">
                            <a role="button" data-toggle="collapse" href="#collapse-2" data-parent="#accordion" aria-expanded="false" aria-controls="collapse-2">
                                How can we help your business?
                            </a>
                            <a role="button" class="fr" data-toggle="collapse" href="#collapse-2" data-parent="#accordion" aria-expanded="false" aria-controls="collapse-2" aria-hidden="true">
                                <i class="fa fa-chevron-down"></i>
                            </a>
                        </div>
                    </div>
                    <div id="collapse-2" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading-2">
                        <div class="panel-body">
                            <article>
                                <p>
                                    However, by setting up an account with us, it will allow you to order without having to enter your details every time you shop with us. You can sign up right now, or you can first start shopping and create your account before you check out at the shopping cart page.
                                </p>
                            </article>
                        </div>
                    </div>
                </div>
                <div class="panel">
                    <div class="panel-heading" role="tab" id="heading-3">
                        <div class="panel-title clearfix">
                            <a role="button" data-toggle="collapse" href="#collapse-3" data-parent="#accordion" aria-expanded="false" aria-controls="collapse-3">
                                What services we provide?
                            </a>
                            <a role="button" class="fr" data-toggle="collapse" href="#collapse-3" data-parent="#accordion" aria-expanded="false" aria-controls="collapse-3" aria-hidden="true">
                                <i class="fa fa-chevron-down"></i>
                            </a>
                        </div>
                    </div>
                    <div id="collapse-3" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading-3">
                        <div class="panel-body">
                            <article>
                                <p>
                                    However, by setting up an account with us, it will allow you to order without having to enter your details every time you shop with us. You can sign up right now, or you can first start shopping and create your account before you check out at the shopping cart page.
                                </p>
                            </article>
                        </div>
                    </div>
                </div>
                <div class="panel">
                    <div class="panel-heading" role="tab" id="heading-4">
                        <div class="panel-title clearfix">
                            <a role="button" data-toggle="collapse" href="#collapse-4" data-parent="#accordion" aria-expanded="false" aria-controls="collapse-4">
                                Why should you choose UpScale?
                            </a>
                            <a role="button" class="fr" data-toggle="collapse" href="#collapse-4" data-parent="#accordion" aria-expanded="false" aria-controls="collapse-4" aria-hidden="true">
                                <i class="fa fa-chevron-down"></i>
                            </a>
                        </div>
                    </div>
                    <div id="collapse-4" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading-4">
                        <div class="panel-body">
                            <article>
                                <p>
                                    However, by setting up an account with us, it will allow you to order without having to enter your details every time you shop with us. You can sign up right now, or you can first start shopping and create your account before you check out at the shopping cart page.
                                </p>
                            </article>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

</main>

<script src="lib/jquery.1.12.4.min.js"></script>
<script src="lib/bootstrap.min.js"></script>
<script src="scripts/index.js"></script>
</body>
</html>